<template>
    <div id="C">
      {{data}}
      <button v-on:click="change">改变data值</button>
    </div>
</template>

 <script setup lang="ts">
import { inject, ref } from 'vue'
let data = inject('data',ref('默认值'))
const change = () => { 
    // 一旦数据被改变所有组件里的数据都会别改变
    data.value = '你好，世界'
 }
</script>

<style lang="less" scoped>
#C{ 
    background-color: rgb(0, 255, 149);
    width: 200px;
    height: 100px;
}
</style>